<!-- 表格内容 BEGIN -->
<div class="table-margin">
    <div class="table-header">
        <table class="table table-bordered table-header tableStyle">
            <thead>
                <tr>
                    <td class="w5 text-center">
                        <input type="checkbox" #event (click)="selectAll(event.checked,tabVal)" [checked]="isSelectAll">
                    </td>
                    <td class="w5 text-center">序号</td>
                    <td class="w35 text-left">角色组名字</td>
                    <td class="w40 text-left">描述</td>
                    <td class="w15 text-left">操作</td>
                </tr>
            </thead>
        </table>
    </div>
    <div class="table-body">
        <table class="table table-bordered table-header overflow-table table-striped">
            <tbody class="no-border">
                <tr *ngFor="let rolesdata of tabVal; let  i = index;" [ngClass]="{'active':i%2!=0}">
                    <td class="w5 text-center">      
                        <input type="checkbox" #event (click)="chose(event.checked, rolesdata.roleGroupId, rolesdata.length)" [checked]="isChose">
                    </td>
                    <td class="w5 text-center">{{tableNumber+i+1}}</td>
                    <td class="w35 text-left">
                        <input type="text" class="form-control" [(ngModel)]="rolesdata.roleGroupName" (blur)="roles_blur()" (keyup)="roles_focus(rolesdata)"
                            [class.erinput]="rolesdata.roleGroupName == ''" (ngModelChange)="checkname($event)" [disabled]="!right['roles']['update']">
                    </td>
                    <td class="w40 text-left">
                        <input type="text" class="form-control" maxlength="50" [(ngModel)]="rolesdata.description" (blur)="roles_blur()" (keyup)="roles_focus(rolesdata)"
                         (ngModelChange)="checkname($event)" [disabled]="!right['roles']['update']">
                    </td>
                    <td class="w15 text-left icon-td">
                        <span class="btn-i" title="详情" (click)="detailsPopup(rolesdata)" *ngIf="right['roles']['details']">
                            <img width="14px" height="10px" src="assets/right-product/view.png">
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<!-- 表格内容 END -->